<!--  -->
<template>
  <div class='user-page'>
    <div class="user-info">
      <user-info :info="info" v-if="info"></user-info>
      <div class="mb-18"></div>
      <nav-list :linkList="navLists" v-if="navLists.length > 0"></nav-list>
      <div class="empty" v-else>
        <van-empty description="暂无数据" />
      </div>
      
    </div>
  </div>
</template>
<script>
import collectionUser_controller from "./collectionUser_controller";
export default collectionUser_controller;
</script>
<style lang="scss" scoped>
/* @import url(); 引入公共css类 */
  .mb-18 {
    height: 18px;
    clear: both;
  }
  .user-page {
    height: auto;
    min-height: 100vh;
    background-image: linear-gradient(var(--themeBaseColor) 0%,var(--themeBaseColor) 100px, #F5F5F5 146px, #F5F5F5 100%);
    .user-info {
      margin:0px 12px;
      padding:23px 0 0 0;
    }
    .empty {
      background: #FFFFFF;
      border-radius: 8px 8px 8px 8px;
      padding:22px 12px;
    }
  }
</style>